<template>
    <div class="endBack2">
        <div class="txttitle">
            <span v-for="item in examList" :key="item.id" class="endtext">
                <a @click="selectExam(item)" style="cursor:pointer;color:#000000;" title="点击进入考试系统">1{{item.title}}</a>
            </span>
            <span v-if="!examList.length" class="endtext">数据加载中</span>
            <div style="margin-top:160px;">
                <div style="margin:0 70px 0 240px;font-size:18px;line-height:30px;text-align:left;">
                    考生如遇到考试模拟系统问题，或对操作视频有疑问，请拨打电话咨询：0755-33872122<br>
                    热线电话时间：9:00-11:30 14:30-17:30 (周一至周五)
                </div>
            </div>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    import {examMixin} from "../mixins/mixin";

    export default {
        mixins: [examMixin],
        created() {
            console.log(123);
            this.fetchExams(false);
        },
        methods: {
            selectExam(exam) {
                this.setStore("selectExam", exam);
                //  路由到加入考试页面
                this.$router.push({
                    name: "join",
                    params: exam
                });
            }
        }
    };


</script>

<style lang="stylus" rel="stylesheet/stylus">
    body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: #2d6dae;
    }

    .endBack2 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1024px;
        height: 768px;
        margin-left: -512px;
        margin-top: -384px;
        overflow: hidden;
        background: url('@/assets/static/img/back.jpg') no-repeat;
    }

    .txttitle {
        position: absolute;
        top: 190px;
        width: 100%;
        text-align: center;
    }

    .endtext {
        display: block;
        position: relative;
        color: #255dad;
        font-size: 32px;
        margin-bottom 25px;
        font-weight: bolder;
    }

    .buthome {
        position: absolute;
        top: 590px;
        width: 100%;
        text-align: center;
    }

    .inphome {
        width: 90px;
        background: url(@/assets/static/img/submit.gif) repeat-x;
        border: 1px solid #cc6600;
        color: #000000;
        font-size: 13px;
        cursor: pointer;
        border-radius: 0px;
        padding: 6px;
    }
</style>
